<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>图表测试</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
</head>
<body class="layout-top-nav"><!--skin-blue-light -->
<div class="page wrap-week">
   
    <!-- 这里是页面内容区 -->
    <div class="content">

        <div class="card card-echarts">
            <div class="card-header"><p>折线图测试</p></div>
            <div class="card-content">
                <div class="card-content-inner">
                    <div  class="mmChart"
                          data-chart_type="line"
                          style="height:24.5rem;"

                    >
                    </div>
                </div>
            </div>
            <div class="card-header"><p>柱状图测试</p></div>
            <div class="card-content">
                <div class="card-content-inner">
                    <div  class="mmChart"
                          data-chart_type="bar"
                          style="height:24.5rem;"

                    >
                    </div>
                </div>
            </div>
            <div class="card-header"><p>柱状图2测试</p></div>
            <div class="card-content">
                <div class="card-content-inner">
                    <div  class="mmChart"
                          data-chart_type="bar2"
                          style="height:24.5rem;"
                    >
                    </div>
                </div>
            </div>
            <div class="card-header"><p>饼状图测试</p></div>
            <div class="card-content">
                <div class="card-content-inner">
                    <div  class="mmChart"
                          data-chart_type="pie"
                          style="height:24.5rem;"

                    >
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

<!-- ./wrapper -->
<script src="../lib/jquery.min.js"></script>

<script src="../lib/echarts.min.js"></script>
<script src="../lib/walden.js"></script>

<script src="../mm.echarts.min.js"></script>

<script>
    $(function(){

         var dataset=[
            {value:335,value2:335, name:'直接访问'},
            {value:310, value2:435,name:'邮件营销'},
            {value:234, value2:434,name:'联盟广告'},
            {value:135, name:'视频广告'},
            {value:1548, name:'搜索引擎'}
        ];
		$('.mmChart').mmEcharts({dataset:dataset,groupField:'name',valueFields:{'value':'访问量','value2':'IP'}});
    });
</script>

</body>
</html>